<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>这是h1标签</h1>
		<h2>这是h2标签</h2>
		<h3>这是h3标签</h3>
		<h4>这是h4标签</h4>
		<h5>这是h5标签</h5>
		<h6>这是h6标签</h6>
		<p>这是第一段落这是第一段落这是第一段落这是第一段落这是第一段落这是第一段落这是第一段落这是第一段落</p>
		<p>这是第二段落</p>
		<p>这是第三段落</p>
		<p>这是第四段落</p>
		<p>这是第五段落</p>
		<p>这是第六段落</p>
		<div>陈禹洪是gay</div>
		<span>傻子哥</span>
		<b>粗体字</b>
		<strong>加重语气</strong>
		<em>着重字</em>
		<big>大号子</big>
		<small>小号字</small>
		<i>斜体字</i>
		<ins>插入字</ins>
		<del>删除字</del>
		<sup>上标字</sup>
		<sub>下标字</sub>
		<p>
			三年级，我还是一个<b>胆小如鼠</b>的小女孩，上课从来不回答问题，生怕回答错了老师会批评我。
			<ins> spacing到了三年级下学期时，我们班上了一节</ins><strong>公开课</strong>，老师提出了一个很简单的问题，
			班里很多同学都举了手，甚至成绩比我差很多的，也举手了，还说这：“<strong>我来，我来</strong>。”我环顾了四周，就我没举手
		</p>
		<p>
			My father was a<small>好人</small>.现在我们学习<i>html</i>格式化<del>html</del>不是html吗?难道我<strong>胖胖的</strong>脑袋又理解<ins>错了</ins>!听说2H<sub>2</sub>+O2会生成2H<sub>2</sub>O,
			1<sup>2</sup>*0<sup>2</sup>猜猜等于几，
			不要以为你找了一个就不是单身
		</p>
		<!-- 图像标签 img-->
		<img src="imgs/药水哥.jpg" width="300" height="300" border="10" alt="这是带艺术家" title="保护" />
		<!-- 水平线标签hr -->
		<!-- 超链接a 
href目标地址
 target打开方式 
 self当前窗口打开，blank以新窗口打开 -->


		<h1>陈禹洪是gay佬</h1>
		<hr />
		<a href="#">
			<a href="#book1">《水浒传》</a><br />
			<a href="#book2">《三国演义》</a><br />
			<a href="#book3">《西游记》</a><br />
			<a href="#book4">《红楼梦》</a><br />
			<div id="book1">
				<h3>《水浒传》</h3>
				<p>作者：施耐庵（1296年—1370年），《水浒传》的作者究竟是谁具有争议，目前最广泛认可的说法认为作者是施耐庵。历史上还有其它几种观点，包括了罗贯中说，施惠说，郭勋托名说，宋人说等。</p>
				<p>介绍：《水浒传》的故事源起于北宋宣和年间，出现了话本《大宋宣和遗事》描述了宋江、吴加亮（吴用）、晁盖等36人起义造反的故事，成为《水浒传》的蓝本。</p>
				<p>水浒传》是中国历史上第一部用古白话文写成的歌颂农民起义的长篇章回体版块结构小说，以宋江领导的起义军为主要题材，通过一系列梁山英雄反抗压迫、英勇斗争的生动故事，暴露了北宋末年统治阶级的腐朽和残暴，揭露了当时尖锐对立的社会矛盾和“官逼民反”的残酷现实。</p>
				<p>由于《水浒传》版本众多，流传甚广，其中也出现不同的故事，可大体分为“文简事繁本”和“文繁事简本”两个系统，“文繁事简本”较为细致，也流传最广，主要分为七十回本（无聚义后情节），一百回本（招安后，有征辽、征方腊等情节）和一百二十回本（在一百回本基础上增加征田虎、征王庆情节）。其中一百二十回本也被称为《水浒全传》
					，是水浒故事最完整的一个本。</p>
			</div>
			<div id="book2">
				<h3>《三国演义》</h3>
				<p>全名：《三国志通俗演义》</p>
				<p>作者：罗贯中（
					约1330年—约1400年），名本、才本，字贯中，号湖海散人。元末明初作家，戏曲家。罗贯中生于元末社会动乱之时，有自己的政治理想，不苟同于流俗，曾参与反元的起义斗争。明朝建立之后，专心致力于文学创作。著有小说《隋唐两朝志传》《残唐五代史演义》《三遂平妖传》《粉妆楼》《三国演义》，施耐庵合著《水浒传》，另著有剧本《赵太祖龙虎风云会》《忠正孝子连环谏》《三平章死哭蜚虎子》。</p>
				<p>介绍：《三国演义》是综合民间传说和戏曲、话本，结合陈寿的《三国志》、范晔《后汉书》、元代《三国志平话》、和裴松之注的史料，以及作者个人对社会人生的体悟写成。现所见刊本以明嘉靖本最早，分24卷，240则。清初毛宗岗父子又做了一些修改，并成为现在最常见的120回本。</p>
				<p>《三国演义》是中国第一部长篇章回体小说。</p>
				<p>《三国演义》故事开始黄巾兵起义，结束于司马氏灭吴开晋，以描写战争为主，反映了魏、蜀汉、吴三个政治集团之间的政治和军事斗争，展现了从东汉末年到西晋初年之间近一百年的历史风云，并成功塑造了一批叱咤风云的英雄人物。</p>
			</div>
			<div id="book3">
				<h3>《西游记》</h3>
				</p>
				<p>作者：吴承恩（1501年-1582年），字汝忠，号射阳山人。中国明代杰出的小说家。他生于一个由学官沦落为商人的家族，家境清贫。吴承恩自幼聪明过人，《淮安府志》载他“性敏而多慧，博极群书，为文下笔立成。”但他科考不利，至中年才补上“岁贡生”，后流寓南京，长期靠卖文补贴家用。晚年因家贫出任长兴县丞，由于看不惯官场的黑暗，不久愤而辞官，贫老以终。</p>
				<p>《西游记》作者也存在一定争议，但目前普遍认为作者为吴承恩。</p>
				<p>介绍：西游记以民间传说的唐僧取经的故事和有关话本及杂剧（元末明初杨讷作）基础上创作而成。</p>
				<p>《西游记》前七回叙述孙悟空出世，有大闹天宫等故事。此后写孙悟空随唐僧西天取经，沿途除妖降魔、战胜困难的故事。书中唐僧、孙悟空、猪八戒、沙僧等形象刻画生动，规模宏大，结构完整，并且《西游记》富有浓厚的佛教色彩，其隐含意义非常深远，众说纷纭，见仁见智。可以从佛、道、俗等多个角度欣赏，是中国古典小说中伟大的浪漫主义文学作品。</p>
				<p>《西游记》在明代刚出现时曾被列为禁书，因为书中充满了崇佛抑道的思想，与当时的明朝皇帝所信奉的道教思想有冲突。</p>
			</div>
			<div id="book4">
				<h3>《红楼梦》</h3>
				<p>原名：《石头记》《金陵十二钗》《风月宝鉴》等</p>
				<p>作者：曹雪芹（约1715-约1763），名沾，字梦阮，号雪芹，又号芹溪、芹圃。清代小说家、诗人、画家。曹雪芹早年在南京江宁织造府亲历了一段锦衣纨绔、富贵风流的生活。至雍正六年（1728），曹家因亏空获罪被抄家，曹雪芹随家人迁回北京老宅。后又移居北京西郊，靠卖字画和朋友救济为生。曹雪芹素性放达，爱好广泛，对金石、诗书、绘画、园林、中医、织补、工艺、饮食等均有所研究。他以坚韧不拔的毅力，历经多年艰辛，终于创作出极具思想性、艺术性的伟大作品——《红楼梦》。</p>
				<p>高鹗（1758年—约1815年），字云士，号秋甫，别号兰墅、行一、红楼外史。中国古典小说《红楼梦》出版史、传播史上首个刻印本、全璧本——程高本的两位主要编辑者、整理者、出版者之一，清代汉军镶黄旗内务府人，籍贯沈阳三台子，亦自署铁岭高鹗、奉天高鹗，其先世清初即寓居北京。</p>
				<p>高鹗于乾隆五十三年（1788年）中举，乾隆六十年（1795年）进士及第，历官内阁中书、汉军中书、内阁典籍、内阁侍读、江南道监察御史、刑科给事中等职。有《月小山房遗稿》《砚香词·簏存草》等作品传世。</p>
				<p>乾隆五十六年（1791年）至五十七年（1792年），高鹗应友人程伟元之邀协助编辑、整理、出版《红楼梦》程甲本、程乙本。自胡适作考证，红学界长期认为《红楼梦》后四十回系高鹗续成。进入21世纪，这一说法遭到越来越强烈的批判。2007年始，人民文学出版社新版全本《红楼梦》停止使用“高鹗著”“高鹗续”等字样，更新为“无名氏续，程伟元、高鹗整理”，标志着“高鹗续书说”发生动摇。红学家俞平伯临终遗言：“程伟元、高鹗是保全《红楼梦》的，有功！”中国红学会会长张庆善指出：“高鹗不应该是《红楼梦》续作者，他应该是《红楼梦》最后出版的整理者……《红楼梦》能够流传，高鹗是第一功臣。”</p>
				<p>红楼梦人物（张砚钧 作）(15张) </p>
				<p>介绍：《红楼梦》是一部章回体长篇小说。早期仅有前八十回抄本流传，八十回后部分未完成且原稿佚失。原名《脂砚斋重评石头记》。程伟元邀请高鹗协同整理出版百二十回全本，定名《红楼梦》。亦有版本作《金玉缘》。</p>
				<p>《红楼梦》讲述的是发生在一个虚构朝代的封建大家庭中的人事物，其中以贾宝玉、林黛玉、薛宝钗三个人之间的感情纠葛为主线通过对一些日常事件的描述体现了在贾府的大观园中以金陵十二钗为主体的众女子的爱恨情愁。而在这同时又从贾府由富贵堂皇走向没落衰败的次线反映了一个大家族的没落历程和这个看似华丽的家族的丑陋的内在。</p>
				<p>《红楼梦》还是一部百科全书式的长篇小说，以上层贵族社会为中心，极其真实地，生动地描写了十八世纪上半叶中国末期封建社会的全部生活。充分运用了书法，绘画，诗词，歌赋，音乐等各类文学艺术的一切优秀传统手法，展示了一部社会人生悲剧。</p>
				<p>《红楼梦》在思想内容和艺术技巧方面的卓越成就，不仅在国内成为"中国小说文学难以征服的顶峰"。而且在国际上也受到许多国家学者的重视和研究。更是成立了中国红学会以深入了解《红楼梦》。</p>
			</div>
			<!-- 列表标签
		  有序列表 ol-li
		  无序列表ul-li
		  自定义列表dl-dt-dd-->
			<ul>
				<li>
					牛奶
				</li>
				<li>咖啡</li>
				<li>面包</li>
			</ul>
			<ol>
				<li>打开冰箱</li>
				<li>把陈禹洪装入冰箱</li>
				<li>关上冰箱</li>
			</ol>
			<dl>
				<dt>帮助中心</dt>
				<dd>用户管理</dd>
				<dd>购物指南</dd>
				<dd>订单操作</dd>
			</dl>
			<!-- 表格标签table
		   tr行
		   td单元格
		   th表头
		   thead表头内容
		   tbody主体内容
		    width， height大小
			border边框
			cellspacing单元格与单元格边框的间距
			cellpadding单元格内容与单元格的间距
			rowspan垂直方向的合并
			colspan-->
			<table border="1" cellspacing="0" cellpadding="30">
				<thead>
					<th rowspan="">姓名</th>
					<th>性别</th>
					<th>年龄</th>
				</thead>
				<tbody>
					<tr>
						<td>王攀</td>
						<td>女</td>
						<td>20</td>
					</tr>
					<tr>
						<td>陈禹洪</td>
						<td>阴阳人</td>
						<td>20</td>
					</tr>
					<tr>
						<td>李四</td>
						<td>男</td>
						<td>32</td>
					</tr>
				</tbody>
			</table>
			<table border="1" cellspacing="0" width="300" height="300">
				<tbody>
					<tr>
						<td rowspan="2"></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>

						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td colspan="5"></td>

					</tr>
				</tbody>
			</table>
			<!-- 表单form
		   type输入框类型
		   text
		   password
		   file
		   radio
		   CheckBox
		   button
		   submit
		   reset
		   -->
			<form action="" method="" name="user">
				<label>头像:</label>
				<input type="file" /><br />
				<label>姓名:</label>
				<input type="text" size="20" /><br />
				<label>密码:</label>
				<input type="password" maxlength="6" /><br />
				<label>性别:</label>
				<input type="radio" name="sex" />男
				<label>性别:</label>
				<input type="radio" name="sex" />女<br />
				<label>爱好:</label>
				<input type="checkbox" name="hobby" checked="checked" />吃饭
				<input type="checkbox" name="hobby" />睡觉
				<input type="checkbox" name="hobby" />打豆豆
				<br />
				<label>求学经历:</label>
				<textarea cols="30" rows="30"></textarea>
				<br />
				<label>地址:</label>
				<select>
					<optgroup label="湖南">
						<option>长沙</option>
						<option selected="selected">邵阳</option>
						<option>株洲</option>
					</optgroup>
					<optgroup label="浙江省">
						<option selected="selected">嘉兴</option>
						<option>温州</option>
						<option>杭州</option>
					</optgroup>
				</select>
				<label>普通按钮:</label>
				<input type="button" name="button" value="普通按钮" /><br />
				<input type="submit" name="submitBtn" value="提交" /><br />
				<input type="reset" name="resetBtn" value="重置" /><br />
			</form>
			<!-- 内联框架iframe
	  src目标地址
	  width，height
	  frameborder边框-->
			<a href="https://www.baidu.com" target="open">百度一下</a>
			<a href="https://www.runoob.com" target="open">菜鸟教程</a>
			<iframe src="https://www.hao123.com" name="open" width="100%" height="500" frameborder="1"></iframe>
			<!-- h5表单
		  表单属性
		  placeholder提示文本
		  autofocus获取焦点
		  multiple支持多文件上传
		  autocomplete获取历史纪录 必须要设置name
		  required必填项
		  accesskey获取焦点快捷键 alt+你设置的键位
		  -->
			<form action="">
				<input type="text" autocomplete="on" name="userName" />
				<input type="file" multiple="multiple" /><br />
				email<input type="text" placeholder="请输入您的邮箱" autofocus="autofocus" /><br />
				tel<input type="tel" required="required" /><br />
				url<input type="url" accesskey="s" /><br />
				number<input type="number" /><br />
				search<input type="search" /><br />
				rang<input type="range" /><br />
				date<input type="date" /><br />
				datetime<input type="datetime" /><br />
				month<input type="month" /><br />
				week<input type="week" /><br />
				color<input type="color" /><br />
				<input type="submit" value="提交" /><br />
			</form>
			<!-- 音频标签 audio 
		  src定义音频文件的路径
		  autoplay自动播放
		  loop循环播放
		  preload页面初始化时加载音频
		  controls是否显示控件
		  autoplay会覆盖该属性
		  -->
			<!-- <audio src="hey kong.mp3"
			<!--  autoplay="autoplay"
			  loop="2"
			  controls="controls"> -->
			<!-- <source src="hey kong.mp3"></source>
			  <source src="hey kong.ogg"></source>
			  <source src="hey kong.wav"></source>
			  提示语:您的浏览器不支持audio标签
		  </audio> -->
			<!-- 视频标签 video 
		  src定义视频文件的路径
		  autoplay自动播放
		  loop循环播放
		  preload页面初始化时加载音频
		  controls是否显示控件
		  autoplay会覆盖该属性
		  -->
			<video loop controls="controls" autoplay="autoplay" width="100%" height="300">
				<source src="hey kong.mp4">
				</source>
				<source src="hey kong.ogg">
				</source>
				<source src="hey kong.wav">
				</source>
				提示语:您的浏览器不支持audio标签
			</video>

	</body>
</html>
